﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Contact.aspx.cs" Inherits="PaydSystem.UI.Company.Contact" %>

<!DOCTYPE html>

<html lang="en">
<head id="Head1" runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Contact us</title>
    
    <style>
    .font-detail 
    {
     line-height:normal !important;
    color: Black !important;
}
    .font-h2
    {
        margin:0 0 0 0 !important;
        font-size:20px !important;
        }
    .font-color-B
    {
        color:#224096 !important;
        }
    .font-Blue
    {
        color:Blue !important;
        
    }
    .font-Gray
    {
        color:gray !important;
        
    }
    .fadeIn {
      -webkit-transition:all linear 0.25s !important;
      transition:all linear 0.25s !important;
    }

    .ng-hide {
      opacity:0 !important;
    }

    .ng-show {
        opacity: 1 !important;
    }
    </style>
</head>
<body>
    
    
        <div class="container" ng-init="init();">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="font-detail">
                        <div ng-repeat="item in data | filter:$parent.searchValue"
                                ng-bind-html="item.feedCol1 | highlight:$parent.searchValue">
                        </div>
                        <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                            <div ng-bind-html="feedCol1"></div>
                        </div>
                        
                    </div>
                    <br />
                    <div style="color:#224096;">
                        <div class="row">
                            <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
                                <div id="theMap" ng-hide="showMap" >
                                    <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15503.601435557503!2d100.5409124!3d13.724482!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x9252e1573c551890!2sAioi+Bangkok+Insurance+Public!5e0!3m2!1sth!2sth!4v1469282901791" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
                                </div>
                                <div ng-show="showMap" ><img src="../../Images/PaydImages/map-office.jpg" width="100%" height="450"/></div>
                                <div style="text-align:right">
                                    <a href="javascript:void(0);" ng-click="switchMap();" ng-class="{ 'font-Blue' : showMap , 'font-Gray' : !showMap }"  >MAP</a>&nbsp;|&nbsp;
                                    <a href="javascript:void(0);" ng-click="switchGoogle();" ng-class="{ 'font-Blue' : !showMap , 'font-Gray' : showMap }" >GOOGLE MAP</a>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                <h3 style="color:#224096;">
                                    <div ng-repeat="item in data | filter:$parent.searchValue"
                                        ng-bind-html="item.varContactAioi | highlight:$parent.searchValue">
                                    </div>
                                    <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                        <div ng-bind-html="varContactAioi"></div>
                                    </div>
                                </h3>
                                                               
                                <address>
                                    <div>
                                        <div ng-repeat="item in data | filter:$parent.searchValue"
                                            ng-bind-html="item.varAddress1 | highlight:$parent.searchValue">
                                        </div>
                                        <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                            <div ng-bind-html="varAddress1"></div>
                                        </div>
                                    </div>
                                    <div>
                                        <div ng-repeat="item in data | filter:$parent.searchValue"
                                            ng-bind-html="item.varAddress2 | highlight:$parent.searchValue">
                                        </div>
                                        <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                            <div ng-bind-html="varAddress2"></div>
                                        </div>
                                    </div>
                                    <div>
                                        <div ng-repeat="item in data | filter:$parent.searchValue"
                                            ng-bind-html="item.varAddress3 | highlight:$parent.searchValue">
                                        </div>
                                        <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                            <div ng-bind-html="varAddress3"></div>
                                        </div>
                                    </div>
                                </address>
                                <p> 
                                    
                                    <a href="http://www.aioibkk.co.th" ng-repeat="item in data | filter:$parent.searchValue"
                                        ng-bind-html="item.varCompany | highlight:$parent.searchValue">
                                    </a>
                                        
                                    <a ng-show="(data | filter:$parent.searchValue).length == 0" ng-bind-html="varCompany"></a>
                                       
                                    
                                </p>
                                <div>
                                    <div ng-repeat="item in data | filter:$parent.searchValue"
                                        ng-bind-html="item.varEmail | highlight:$parent.searchValue">
                                    </div>
                                    <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                        <div ng-bind-html="varEmail"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                
            </div>
            </div>
        </div>
            <div class="font-color-B" style="font-size:medium; line-height:normal;background-color:#E6E6E6;" >
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="background-color:#E6E6E6;"  >
                <div class="row">
                    
                    <div class="container" style="background-color:#E6E6E6;">
                    
                    <div style="font-size:30px;margin:10px"   >
                        
                        <a ng-click="showAddressAction();" style="cursor: pointer;">
                            <img src="../../Images/PaydImages/Collaspe.png" ng-hide="showAddress" />
                            <img src="../../Images/PaydImages/Expand.png" ng-show="showAddress" />
                        </a>
                        
                        <span ng-repeat="item in data | filter:$parent.searchValue"
                            ng-bind-html="item.varConnect | highlight:$parent.searchValue">
                        </span>
                           
                        <span ng-show="(data | filter:$parent.searchValue).length == 0" ng-bind-html="varConnect"></span>
                        
                    </div>
                    <div class="row fadeIn" ng-show="showAddress" >
                        <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
                            <div class="font-h2">
                                <div ng-repeat="item in data | filter:$parent.searchValue"
                                    ng-bind-html="item.varBranch1 | highlight:$parent.searchValue">
                                </div>
                                <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                    <div ng-bind-html="varBranch1"></div>
                                </div>
                            </div>
                            <div ng-repeat="item in data | filter:$parent.searchValue"
                                ng-bind-html="item.varBranch1Address | highlight:$parent.searchValue">
                            </div>
                            <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                <div ng-bind-html="varBranch1Address"></div>
                            </div>
                            <div>
                                <div ng-repeat="item in data | filter:$parent.searchValue"
                                    ng-bind-html="item.varBranch1Tel | highlight:$parent.searchValue">
                                </div>
                                <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                    <div ng-bind-html="varBranch1Tel"></div>
                                </div>
                            </div>
                            <br />
                            <div class="font-h2">
                                <div ng-repeat="item in data | filter:$parent.searchValue"
                                    ng-bind-html="item.varBranch2 | highlight:$parent.searchValue">
                                </div>
                                <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                    <div ng-bind-html="varBranch2"></div>
                                </div>
                            </div>
                            <div ng-repeat="item in data | filter:$parent.searchValue"
                                ng-bind-html="item.varBranch2Address | highlight:$parent.searchValue">
                            </div>
                            <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                <div ng-bind-html="varBranch2Address"></div>
                            </div>
                            <div>
                                <div ng-repeat="item in data | filter:$parent.searchValue"
                                    ng-bind-html="item.varBranch2Tel | highlight:$parent.searchValue">
                                </div>
                                <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                    <div ng-bind-html="varBranch2Tel"></div>
                                </div>
                            </div>
                            <br />
                            <div class="font-h2">
                                <div ng-repeat="item in data | filter:$parent.searchValue"
                                    ng-bind-html="item.varBranch3 | highlight:$parent.searchValue">
                                </div>
                                <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                    <div ng-bind-html="varBranch3"></div>
                                </div>
                            </div>
                            <div ng-repeat="item in data | filter:$parent.searchValue"
                                ng-bind-html="item.varBranch3Address | highlight:$parent.searchValue">
                            </div>
                            <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                <div ng-bind-html="varBranch3Address"></div>
                            </div>
                            <div>
                                <div ng-repeat="item in data | filter:$parent.searchValue"
                                    ng-bind-html="item.varBranch3Tel | highlight:$parent.searchValue">
                                </div>
                                <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                    <div ng-bind-html="varBranch3Tel"></div>
                                </div>
                            </div>
                            <br />
                            <div class="font-h2">
                                <div ng-repeat="item in data | filter:$parent.searchValue"
                                    ng-bind-html="item.varBranch4 | highlight:$parent.searchValue">
                                </div>
                                <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                    <div ng-bind-html="varBranch4"></div>
                                </div>
                            </div>
                            <div ng-repeat="item in data | filter:$parent.searchValue"
                                ng-bind-html="item.varBranch4Address | highlight:$parent.searchValue">
                            </div>
                            <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                <div ng-bind-html="varBranch4Address"></div>
                            </div>
                            <div>
                                <div ng-repeat="item in data | filter:$parent.searchValue"
                                    ng-bind-html="item.varBranch4Tel | highlight:$parent.searchValue">
                                </div>
                                <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                    <div ng-bind-html="varBranch4Tel"></div>
                                </div>
                            </div>
                            <br />
                            <div class="font-h2">
                                <div ng-repeat="item in data | filter:$parent.searchValue"
                                    ng-bind-html="item.varBranch5 | highlight:$parent.searchValue">
                                </div>
                                <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                    <div ng-bind-html="varBranch5"></div>
                                </div>
                            </div>
                            <div ng-repeat="item in data | filter:$parent.searchValue"
                                ng-bind-html="item.varBranch5Address | highlight:$parent.searchValue">
                            </div>
                            <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                <div ng-bind-html="varBranch5Address"></div>
                            </div>
                            <div>
                                <div ng-repeat="item in data | filter:$parent.searchValue"
                                    ng-bind-html="item.varBranch5Tel | highlight:$parent.searchValue">
                                </div>
                                <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                    <div ng-bind-html="varBranch5Tel"></div>
                                </div>
                            </div>
                            <br />
                        </div>
                        <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
                            <div class="font-h2">
                                <div ng-repeat="item in data | filter:$parent.searchValue"
                                    ng-bind-html="item.varBranch6 | highlight:$parent.searchValue">
                                </div>
                                <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                    <div ng-bind-html="varBranch6"></div>
                                </div>
                            </div>
                            <div ng-repeat="item in data | filter:$parent.searchValue"
                                ng-bind-html="item.varBranch6Address | highlight:$parent.searchValue">
                            </div>
                            <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                <div ng-bind-html="varBranch6Address"></div>
                            </div>
                            <div>
                                <div ng-repeat="item in data | filter:$parent.searchValue"
                                    ng-bind-html="item.varBranch6Tel | highlight:$parent.searchValue">
                                </div>
                                <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                    <div ng-bind-html="varBranch6Tel"></div>
                                </div>
                            </div>
                            <br />
                            <div class="font-h2">
                                <div ng-repeat="item in data | filter:$parent.searchValue"
                                    ng-bind-html="item.varBranch7 | highlight:$parent.searchValue">
                                </div>
                                <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                    <div ng-bind-html="varBranch7"></div>
                                </div>
                            </div>
                            <div ng-repeat="item in data | filter:$parent.searchValue"
                                ng-bind-html="item.varBranch7Address | highlight:$parent.searchValue">
                            </div>
                            <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                <div ng-bind-html="varBranch7Address"></div>
                            </div>
                            <div>
                                <div ng-repeat="item in data | filter:$parent.searchValue"
                                    ng-bind-html="item.varBranch7Tel | highlight:$parent.searchValue">
                                </div>
                                <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                    <div ng-bind-html="varBranch7Tel"></div>
                                </div>
                            </div>
                            <br />
                            <div class="font-h2">
                                <div ng-repeat="item in data | filter:$parent.searchValue"
                                    ng-bind-html="item.varBranch8 | highlight:$parent.searchValue">
                                </div>
                                <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                    <div ng-bind-html="varBranch8"></div>
                                </div>
                            </div>
                            <div ng-repeat="item in data | filter:$parent.searchValue"
                                ng-bind-html="item.varBranch8Address | highlight:$parent.searchValue">
                            </div>
                            <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                <div ng-bind-html="varBranch8Address"></div>
                            </div>
                            <div>
                                <div ng-repeat="item in data | filter:$parent.searchValue"
                                    ng-bind-html="item.varBranch8Tel | highlight:$parent.searchValue">
                                </div>
                                <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                    <div ng-bind-html="varBranch8Tel"></div>
                                </div>
                            </div>
                            <br />
                            <div class="font-h2">
                                <div ng-repeat="item in data | filter:$parent.searchValue"
                                    ng-bind-html="item.varBranch9 | highlight:$parent.searchValue">
                                </div>
                                <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                    <div ng-bind-html="varBranch9"></div>
                                </div>
                            </div>
                            <div ng-repeat="item in data | filter:$parent.searchValue"
                                ng-bind-html="item.varBranch9Address | highlight:$parent.searchValue">
                            </div>
                            <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                <div ng-bind-html="varBranch9Address"></div>
                            </div>
                            <div>
                                <div ng-repeat="item in data | filter:$parent.searchValue"
                                    ng-bind-html="item.varBranch9Tel | highlight:$parent.searchValue">
                                </div>
                                <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                    <div ng-bind-html="varBranch9Tel"></div>
                                </div>
                            </div>
                            <br />
                            <div class="font-h2">
                                <div ng-repeat="item in data | filter:$parent.searchValue"
                                    ng-bind-html="item.varBranch10 | highlight:$parent.searchValue">
                                </div>
                                <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                    <div ng-bind-html="varBranch10"></div>
                                </div>
                            </div>
                            <div ng-repeat="item in data | filter:$parent.searchValue"
                                ng-bind-html="item.varBranch10Address | highlight:$parent.searchValue">
                            </div>
                            <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                <div ng-bind-html="varBranch10Address"></div>
                            </div>
                            <div>
                                <div ng-repeat="item in data | filter:$parent.searchValue"
                                    ng-bind-html="item.varBranch10Tel | highlight:$parent.searchValue">
                                </div>
                                <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                    <div ng-bind-html="varBranch10Tel"></div>
                                </div>
                            </div>
                            <br />
                        </div>
                        <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
                            <div class="font-h2">
                                <div ng-repeat="item in data | filter:$parent.searchValue"
                                    ng-bind-html="item.varBranch11 | highlight:$parent.searchValue">
                                </div>
                                <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                    <div ng-bind-html="varBranch11"></div>
                                </div>
                            </div>
                            <div ng-repeat="item in data | filter:$parent.searchValue"
                                ng-bind-html="item.varBranch11Address | highlight:$parent.searchValue">
                            </div>
                            <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                <div ng-bind-html="varBranch11Address"></div>
                            </div>
                            <div>
                                <div ng-repeat="item in data | filter:$parent.searchValue"
                                    ng-bind-html="item.varBranch11Tel | highlight:$parent.searchValue">
                                </div>
                                <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                    <div ng-bind-html="varBranch11Tel"></div>
                                </div>
                            </div>
                            <br />
                            <div class="font-h2">
                                <div ng-repeat="item in data | filter:$parent.searchValue"
                                    ng-bind-html="item.varBranch12 | highlight:$parent.searchValue">
                                </div>
                                <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                    <div ng-bind-html="varBranch12"></div>
                                </div>
                            </div>
                            <div ng-repeat="item in data | filter:$parent.searchValue"
                                ng-bind-html="item.varBranch12Address | highlight:$parent.searchValue">
                            </div>
                            <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                <div ng-bind-html="varBranch12Address"></div>
                            </div>
                            <div>
                                <div ng-repeat="item in data | filter:$parent.searchValue"
                                    ng-bind-html="item.varBranch12Tel | highlight:$parent.searchValue">
                                </div>
                                <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                    <div ng-bind-html="varBranch12Tel"></div>
                                </div>
                            </div>
                            <br />
                            <div class="font-h2">
                                <div ng-repeat="item in data | filter:$parent.searchValue"
                                    ng-bind-html="item.varBranch13 | highlight:$parent.searchValue">
                                </div>
                                <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                    <div ng-bind-html="varBranch13"></div>
                                </div>
                            </div>
                            <div ng-repeat="item in data | filter:$parent.searchValue"
                                ng-bind-html="item.varBranch13Address | highlight:$parent.searchValue">
                            </div>
                            <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                <div ng-bind-html="varBranch13Address"></div>
                            </div>
                            <div>
                                <div ng-repeat="item in data | filter:$parent.searchValue"
                                    ng-bind-html="item.varBranch13Tel | highlight:$parent.searchValue">
                                </div>
                                <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                    <div ng-bind-html="varBranch13Tel"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    </div>
                    </div>
                </div>
            </div>
        
     
    
</body>
</html>
